<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>{% block title %}{% endblock title %}</title>
<link rel="stylesheet" href="/static/css/reset.css" />
<link rel="stylesheet" href="/static/css/text.css" />
<link rel="stylesheet" href="/static/css/960_12_col.css" />
<link rel="stylesheet" href="/static/css/skin1.css" />
<link rel="stylesheet" href="/static/css/nivo-slider.css" />
<link rel="stylesheet" href="/static/css/jqueryslidemenu.css" />
<link rel="stylesheet" href="/static/css/flexslider.css" />
<link rel="stylesheet" href="/static/css/smoothness/jquery-ui-1.10.0.custom.css" >

<!--[if IE]>
	<link rel="stylesheet" type="text/css" media="all" href="/static/css/ie.css"/>
    <script type="text/javascript" src="/static/javascript/media-queries-ie.js"></script>
<![endif]-->
<script type="text/javascript" src="/static/javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/static/javascript/jqueryslidemenu.js"></script>
<script type="text/javascript" src="/static/javascript/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="/static/javascript/jquery.bxSlider.min.js"></script>
<script type="text/javascript" src="/static/javascript/jquery.elastislide.js"></script>
<script type="text/javascript" src="/static/javascript/scrolltop.js"></script>
<script type="text/javascript" src="/static/javascript/jquery.toggleElements.pack.js"></script>
<script type="text/javascript" src="/static/javascript/jquery.flexslider.js"></script>
<script type="text/javascript" src="/static/javascript/jquery.tools.min.js"></script>
<script type="text/javascript" src="/static/javascript/custom.js"></script>
<script type="text/javascript" src="/static/javascript/jquery-ui-1.10.0.custom.min.js"></script>

    {% block extrahead %}
    {% endblock extrahead %}
</head>
<body>
<div id="wrapper" class="boxed">
	<div class="top_navigation_container">
			<div class="top_navigation">
				<ul>
					<li><a href="#">Contact us</a></li>
					<li><a href="#">Our company</a></li>
					<li><a href="#">Site map</a></li>
				</ul>
			</div>
			<div class="top_navigation_social">
				<p>Follow us</p>
					<ul class="social_media">
						<li class="social_facebook">
							<a href="#">Facebook</a>
						</li>
						<li class="social_twitter">
							<a href="#">Twitter</a>
						</li>
						<li class="social_linkedin">
							<a href="#">Linkedin</a>
						</li> 
					</ul>                       
			</div>
        </div> 
        <div id="header"><!-- Header start -->
        <div class="container_12 clearfix"><!-- Logo and Search -->
        	<div class="grid_12">
            	<div class="logo"><a href="/"><img src="/static/images/logo_faraja.png" width="254" height="69" alt="Logo" /></a></div>
                <div class="search_wrapper">
                    <a class="button large blue" href="/donate">Donate Now</a>
        	</div>               
        </div><!-- Logo and Search end -->
        <div class="container_12 clearfix"><!-- Menu container -->
		<div class="grid_12"><!-- Start Menu -->
			<div id="topnav" class="jqueryslidemenu">
				<ul>
					<li><a href="/">Home</a></li>
					<li><a class="navEffect" href="/who_we_are">Who we are</a>
						<ul>
							<li><a href="/trustees">Trustees Info</a></li>
						</ul>
					</li>
					<li><a class="navEffect" href="/what_we_do">What we do</a>
						<ul>
							<li><a href="/therapists">Therapists</a></li>
						</ul>
					</li>
					<li><a href="/involved">Get Involved</a></li>
					<li><a href="/cancer">Cancer Information</a></li>
					<li><a href="/testimonials">Testimonials</a></li>
					<li><a href="/faq">FAQ</a></li>
					<li><a href="/contact_us">Contact</a></li>
				</ul>
			</div>
		</div><!-- end menu -->        	
        </div><!-- end menu container -->
    </div><!-- Header end -->
    {% block content %}
    {% endblock content %}
	<div id="footer_wrapper">
		<div class="container_12 clearfix">
			<div id="footer">
				<div class="copyright_left">&reg; Copyright 2012 Faraja Cancer Support</div>
				<div class="copyright_right">Powered by <a href="http://www.thunderthemes.net">Márcio Hariki</a></div>
			</div>
		</div>
	</div>
	
<div id="topcontrol" style="position: fixed; bottom: 0px; right: 0px; opacity: 1; cursor: pointer;" title="To the top! To the victory!">
</div>
</div>
<script type="text/javascript">
	$('#carousel').elastislide({
		imageW  : 135,
		margin : 20,
		minItems    : 4,
		border      : 1,
	});
</script> 
</body>
</html>